﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<title>花间语 | 注册</title>
<link href="/static/index/css/css_whir.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/static/index/font/iconfont.css">
<link href="/static/index/css/user.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"  src="/static/index/js/nav.js"></script>
<script type="text/javascript" src="/static/index/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="/static/index/js/jquery-1.8.3.min.js"></script>
</head>
<body>
<!--头部-->
<div id="header">
  <div class="top_bg">
    <div class="logo"><a href="#"><img src="/static/index/imgs/logo.jpg" width="150" height="126" /></a></div>
    <div class="top">
      <!--导航-->
      <!-- {block name="header"} -->
      <div class="guide">
        <div class="welcom">Welcome to fantasy_dream !　</div>
        <div class="login">
            {empty name="session.hmy_user"}
            <a href="{:url('index/Login/index')}">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="{:url('index/Register/index')}">注册</a>
            {else /}

            {empty name="session.hmy_user.name"}

            <a href="{:url('index/User/index')}" title="进入{$session.hmy_user.tel}主页"> | 您好,{$Request.session.hmy_user.tel}</a>

            {else /}

            <a href="{:url('index/User/index')}" title="进入{$session.hmy_user.name}主页"> 您好,{$Request.session.hmy_user.name}</a>

            {/empty}

             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="{:url('index/Login/outlogin')}">注销</a>

             {/empty}

        </div>
        <!-- <div class="shopcart">购物车（<a href="会员中心.html">0</a>）</div> -->
        <div class="searchbox">
          <input type="text" value="" name="" class="input" />
          <input type="image" src="/static/index/imgs/sbtn.jpg"  class="btn"/>
        </div>
      </div>
      <!-- {/block} -->
      <!--菜单导航-->
      <div class="nav">
        <ul id="navul" class="cl">
          <li><a href="{:url('index/index/index')}">首页</a></li>
          {volist name="category" id="v"}
          <li class="navmenu"><a href="{:url('index/Index/lists',['id'=>$v['id']])}">{$v['name']}</a></li>
          {/volist}
        </ul>
    <script type="text/javascript">

             $(document).ready(function(){
            //  $('.hyinfo li ').hover(function(){$(this).find('.subbox').stop(true,true).slideToggle(); });
              $('.navmenu').mouseenter(function(){

            $(this).find('.subnav').css("display","block");//you can give it a speed

              });
              $('.navmenu').mouseleave(function(){
            $(this).find('.subnav').css("display","none");

              //jQuery(this).css("background-image", "none");

              });

            });

        </script>
      </div>
    </div>
  </div>
</div>
<div class="clear"></div>
<!--中间内容-->
<div class="logoin">
<div class="wz">您当前的位置：<em>会员注册</em></div>
<div class="zhuce">
<div class="zc_form">
  <form action="{:url('index/register/index')}">
  <!-- <form id="myform" action="{:url('index/register/index')}"> -->
    <table cellpadding="0" cellspacing="0" class="tab2">
    <tr><td align="right">手机号:<font class="f_red">*</font></td><td>
      <input type="text" value="" name="tel" class="input1" />
    </td></tr>
    <tr><td align="right">密码:<font class="f_red">*</font></td><td>
      <input type="password" value="" name="pass" class="input1" />
  </td></tr>
    <tr><td align="right">确认密码:<font class="f_red">*</font></td><td>
      <input type="password" value="" name="repass" class="input1" />
  </td></tr>
    <tr><td align="right">姓名:</td><td>
      <input type="text" value="" name="name" class="input1" />
  </td></tr>
    <tr><td align="right">地址:</td><td>
      <input type="text" value="" name="province" class="input1" />
  </td></tr>
  <tr>
      <td align="right">性别:</td>
      <td colspan="2">
        <select name="sex" id="">
          <option value="1">先生</option>
          <option value="2">女士</option>
        </select>
    </td>
  </tr>
    <tr><td colspan="2">
      <!-- <input type="text" class="input2" /> -->
      <span class="yzcode"><img src="/static/index/imgs/code.jpg" />
        <a href="#">看不清图？片换个图片</a></span></td></tr>
    <tr><td colspan="2"><input type="checkbox"  class="check1"/>我已阅读并同意 <a href="#">会员注册协议</a>和<a href="#">隐私保护政策</a>。</td></tr>
    <tr><td colspan="2">
      <input type="submit" value="注册新用户" class="btn1"/>
      <!-- <button onclick="ajaxPost()" class="btn1" type="button">注册新用户</button> -->
    </td></tr>
    </table>
  </form>
</div>
<div class="zc_pic"><img src="/static/index/imgs/loginpic.jpg" /></div>
</div>
</div>
<script type="text/javascript" src="/static/index/js/jquery-1.8.3.min.js"></script>

<script>
    function ajaxPost(){  
        var formData = $("#myform").serialize();  
        console.log(formData);
        alert(formData);

        $.ajax({  
          type:"post",  
          url:"Hmy_doregister",  
          data:formData,  
          success:function(data){  
          console.log('成功');  
          }          
          error:function(data){  
          console.log('失败');  
          }  
        });  
    } 
</script>
<!--底部-->
<div id="footer">
  <div class="f_nav">
    <div class="item">
      <dl>
        <dt>service</dt>
        <dd><a href="#">联系客服</a></dd>
        <dd><a href="#">退换货说明</a></dd>
        <dd><a href="#">售后特色服务</a></dd>
        <dd><a href="#">售后服务政策</a></dd>
      </dl>
    </div>
    <div class="item">
      <dl>
        <dt>payment</dt>
        <dd><a href="#">货到付款</a></dd>
        <dd><a href="#">在线支付</a></dd>
        <dd><a href="#">邮政汇款</a></dd>
        <dd><a href="#">发票说明</a></dd>
      </dl>
    </div>
    <div class="item1">
      <div class="title">Qr code</div>
      <div class="code"><img src="/static/index/imgs/ewm.jpg" width="85" height="85" /></div>
      <div class="lxwm">邮箱：guangzhou@whir.net<br />
        电话：020-85575670<br />
        问卷调查<br />
        <a href="#">留言反馈</a></div>
    </div>
  </div>
  <!--版权信息-->
  <div class="foot">
    <div class="copyright">
      <div class="kjnav"><a href="index.html">首页</a> <a href="#">鲜花订购</a> <a href="预约.html">用餐预约</a> <a href="#">花漾咖啡花屋</a> <a href="about.html">关于花房</a></div>
      <div class="copy">Copyright © 2015 HuafangStory. All rights reserved.   Designed by <a href="#">Wanhu</a></div>
    </div>
    <!--分享-->
    <ul class="fx">
      <li><a href="#"><img src="/static/index/imgs/txwb.jpg" /></a></li>
      <li><a href="#"><img src="/static/index/imgs/xlwb.jpg" /></a></li>
      <li><a href="#"><img src="/static/index/imgs/fx.jpg" /></a></li>
    </ul>
  </div>
</div>
<!--左侧导航-->
<div id="leftsead">
  <ul>
    <li><a href="tencent://message/?uin=1234567&Site=test315.nesky.cn&Menu=yes"><img src="/static/index/imgs/qqd.jpg" width="124" height="54"  class="hides"/><img src="/static/index/imgs/qq.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a class="youhui"><img src="/static/index/imgs/zcwx.jpg" width="54" height="54" class="shows" /><img src="/static/index/imgs/wxd.png" width="145" height="288" class="hides"/></a></li>
    <li><a href="#"><img src="/static/index/imgs/zcwbd.jpg" width="124"height="54" class="hides"/><img src="/static/index/imgs/zcwb.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a href="#"><img src="/static/index/imgs/zcmapd.jpg" width="124"height="54" class="hides"/><img src="/static/index/imgs/zcmap.jpg" width="54" height="54" class="shows" /></a></li>
    <li><a id="top_btn"><img src="/static/index/imgs/fhtbd.jpg" width="124" height="54" class="hides"/><img src="/static/index/imgs/fhdb.jpg" width="54" height="54" class="shows" /></a></li>
  </ul>
</div><!--leftsead end-->


<script type="text/javascript">
$(document).ready(function(){

  $("#leftsead a").hover(function(){
    if($(this).prop("className")=="youhui"){
      $(this).children("img.hides").show();
    }else{
      $(this).children("img.hides").show();
      $(this).children("img.shows").hide();
      $(this).children("img.hides").animate({marginLeft:'0px'},'slow');
    }
  },function(){
    if($(this).prop("className")=="youhui"){
      $(this).children("img.hides").hide('slow');
    }else{
      $(this).children("img.hides").animate({marginLeft:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
    }
  });

  $("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

});
</script>

</body>
</html>
